<template>
  <div class="container">
    <div class="menu">
      <menu-bar></menu-bar>
    </div>
    <div class="content">
      <keep-alive>
        <router-view v-if="$route.meta.keepAlive"></router-view>
      </keep-alive>
      <router-view v-if="!$route.meta.keepAlive"></router-view>
    </div>
  </div>
</template>
<script>
import MenuBar from './components/MenuBar.vue'

export default {
  name: 'StoreIndex',
  components: {
    MenuBar
  }
}
</script>
<style scoped>
.container {
  width: 100%;
  height: 100%;
}

.container .menu {
  width: 160px;
  height: 100%;
  float: left;
}

.container .content {
  width: calc(100% - 200px);
  height: calc(100% - 40px);
  float: left;
  padding: 20px;
}
</style>